﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="InterfaceExampleCaller.aspx.cs" Inherits="ZLCMS.Web.Wap.Example.InterfaceExampleCaller" %>


	<link rel="stylesheet" href="/wap/lib/jquerymobile/css/jquery.mobile-1.4.0.min.css" />
	<link rel="stylesheet" href="/wap/lib/validator-0.7.0/css/jquery.validator.css" />

	<script type="text/javascript" src="/wap/lib/jquery/jquery-1.10.2.min.js"></script>
	<script type="text/javascript" src="/wap/lib/jquerymobile/jquery.mobile-1.4.0.min.js"></script> 
    <script type="text/javascript" src="/wap/lib/validator-0.7.0/jquery.validator.js"></script>
    <script type="text/javascript" src="/wap/lib/validator-0.7.0/local/zh_CN.js"></script>
    
	<script type="text/javascript" src="/wap/lib/jquery/jquery.json-2.2.min.js"></script>
    <script type="text/javascript" src="/wap/lib/command/Command.js"></script>
    
<div data-role='page' id='mainPage'>
<div data-role="header">
   <div class="logo"></div>

</div>
<div role="main" class="ui-content">
<form id="formId" command='InterfaceExample'>
    <label for="text-basic">参数1:</label>
    <input name="Param1" value="" command-param='Param1' type="text" data-rule="required;accept" />
    <div><span for="Param1" class="msg-box"></span></div>    

    <label for="text-basic">参数2:</label>
    <input name="Param2" value="" type="text" command-param='Param2' type="text" data-rule="required"/>
    <div><span for="Param2" class="msg-box"></span></div>
    

    <button class="ui-btn" type="button" onclick="executeFormCommonCommand('formId', succeedCallback)">提交</button>
</form>

<div data-role="popup" id="dialogPage"  data-dismissible="false" style="max-width:400px;min-width:250px;" data-overlay-theme="b">
    <div data-role="header" data-theme="a">
    <h2>提示</h2>
    <a href="#" class="ui-btn ui-corner-all ui-icon-delete ui-btn-icon-notext ui-btn-right" role="button"  data-rel="back">关闭</a>
    </div>
    <div role="main" class="ui-content">
    <p>This action cannot be undone.</p>
    
    <a href="#" data-role="button" class="ui-btn ui-btn-b ui-corner-all ui-icon-check" data-rel="back">确定</a>
    
    </div>

</div>
</div>

<!--footer-->
<div data-role="footer">
	<p>footer</p>
</div>
</div>


<script type="text/javascript">
    function succeedCallback(resule) {
        showDialogPage('提示', '接口返回' + resule);

    }
    $('#formId').openJQMValidator();
</script>